<template>
  <ul class="icons">
    <li v-for="item in iconsList" :key="item.id">
      <img :src="item.imgUrl" alt="">
      <span>{{item.title}}</span>
    </li>
  </ul>
</template>

<script>
export default {
  props:{
    iconsList:Array,
  },
  data() {
    return {
    }
  },

}
</script>

<style lang="scss" scoped>
.icons{
  display: flex;
  justify-content:space-around;
  padding:0.4rem 0 ;
  li{
    display: flex;
    flex-direction:column;
    align-items:center;
    img{
      width:1.01rem;
      height:1.01rem;
    }
    span{
      font-size:0.42rem;
      padding:0.16rem 0;
    }
  }
}
</style>